$('.d1').click(function () {
    $(this).css('background','#E7E7E7')
    $(this).siblings('li').css('background','#F8F8F8')
})
$('.d1').click(function () {
    $(this).css('background','#E7E7E7')
    $(this).siblings('li').css('background','#F8F8F8')
})
$('.d1').click(function () {
    $(this).css('background','#E7E7E7')
    $(this).siblings('li').css('background','#F8F8F8')
})
$(window).load(function(){
    $(".text").css("margin-top", ($(".auto").height()-$(".text").height())/2+"px" );
});
$(window).resize(function () {
    $(".text").css("margin-top", ($(".auto").height()-$(".text").height())/2+"px" );
})

$('.d1').click(function () {
    $(this).css('background','#E7E7E7')
    $(this).siblings('li').css('background','#F8F8F8')
})